<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
   <!--标题标签 -->
   <h1> 标题1</h1>
   <h2>标题2</h2>
   <h6>标题6</h6>
<!--段落标签-->
   <p style="border:1px solid black ; color: red ">段落</p>
   中国足球的出路在哪？
<!--无序列表-->
 <h4>购物清单</h4>
 <ul>
   <li>大米3斤</li>
   <li>水2瓶</li>
   <li>面包3个</li>
 </ul>
<!--有序列表-->
 <h4>朗沃课程体系</h4>
 <ol>
   <li>Java语法基础</li>
   <li>java 面向对象</li>
   <li>Java常用API</li>
   <li>JavaSE</li>
 </ol>
<!--div 分区块-->
 <div style="border: 2px solid red;width: 300px ;height: 200px">
   隔离14
 </div>
<!--span跨越多个字符-->
    糊糊口莫你看看你,<span style="color: #b3d4fc;font-size: 18px ;font-weight: bold">njk</span>njk
<div></div>
<!--图片标签-->
   <img src="th.jpg" width="200" height="200"/>
<!--图片在当前网页的子目录下，路径书写为：子目录名/图片名-->
   <img src="images/th.jpg" width="200" height="200"/>
<!--网页在当前网页的父目录下，路径为：../图片文件名-->
   <img src="../th.jpg" width="200" height="200"/>
</body>
</html>
